<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>发布活动</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/style.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/ydui.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_cwy8y2uw4su4n29.css">
    <style>
        input[type=checkbox]{margin-right: 5px;}
        #pageTwo .list-block .item-content{border-bottom: 1px solid #dadada;}
        #confirm-select{background-color: #00b0ec;color: #ffffff;}
        .list-block .item-inner:after{  display: none!important;}
        .content .list-block .item-content{border-bottom:1px solid #dadada;padding:0;margin: 0 0.75rem;}
        .list-block textarea{ padding-top:2rem!important;  }
        #targetMoney{ display: none;}
    </style>
</head>

<body id="offlineAdd">
<div class="page-group">
         <div class="page page-current" id="page-infinite-scroll-bottom">
        <!--搜索栏内容 !-->
            <header class="bar bar-nav">
                <h1 class="title">
                    发布活动
                </h1>
            </header>
             <div class="content">
                 <div class="list-block">
                     <ul>
                         <!-- 发布活动表单 -->
                         <li>
                             <div class="item-content">
                                 <div class="item-media"><i class="icon icon-form-name"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title label">活动标题：</div>
                                     <div class="item-input">
                                         <input type="text" name="name" placeholder="请输入活动标题">
                                     </div>
                                 </div>
                             </div>
                         </li>
                         <li>
                             <div class="item-content">
                                 <div class="item-media"><i class="icon icon-form-email"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title label">活动介绍：</div>
                                     <div class="item-input">
                                         <textarea name="content" placeholder="请输入活动简介"></textarea>
                                     </div>
                                 </div>
                             </div>
                         </li>
                         <li>
                             <div class="item-content">
                                 <div class="item-media"><i class="icon icon-form-password"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title label">活动类型：</div>
                                     <div class="item-input">
                                         <select name="type" id="">
                                             <option value="志愿活动">志愿活动</option>
                                             <option value="募捐活动">募捐活动</option>
                                         </select>
                                     </div>
                                 </div>
                             </div>
                         </li>
                         <li class="spec-hide">
                             <div class="item-content">
                                 <div class="item-media"><i class="icon icon-form-password"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title label">活动区域：</div>
                                     <div class="item-input">
                                         <input type="text" id="activityArea" name="area" readonly placeholder="请选择活动区域" class="">
                                     </div>
                                 </div>
                             </div>
                         </li>
                         <li class="spec-hide">
                             <div class="item-content">
                                 <div class="item-media"><i class="icon icon-form-password"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title label">详细地点：</div>
                                     <div class="item-input">
                                         <input type="text" name="address" placeholder="请输入活动地点" class="">
                                     </div>
                                 </div>
                             </div>
                         </li>
                         <!-- Date -->
                         <li>
                             <div class="item-content">
                                 <div class="item-media"><i class="icon icon-form-calendar"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title label">开始日期：</div>
                                     <div class="item-input">
                                         <input type="date" name="beginTime" placeholder="请输入开始日期" >
                                     </div>
                                 </div>
                             </div>
                         </li>
                         <li>
                             <div class="item-content">
                                 <div class="item-media"><i class="icon icon-form-calendar"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title label">结束日期：</div>
                                     <div class="item-input">
                                         <input type="date" name="endTime" placeholder="请输入结束时期" >
                                     </div>
                                 </div>
                             </div>
                         </li>
                         <li class="spec-hide">
                             <div class="item-content">
                                 <div class="item-media"><i class="icon icon-form-calendar"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title label">开始时间：</div>
                                     <div class="item-input">
                                         <input type="text" name="beginTimeFrame"  id="timePicker1">
                                     </div>
                                 </div>
                             </div>
                         </li>
                         <li class="spec-hide">
                             <div class="item-content">
                                 <div class="item-media"><i class="icon icon-form-calendar"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title label">结束时间：</div>
                                     <div class="item-input">
                                         <input type="text" name="endTimeFrame"  id="timePicker2">
                                     </div>
                                 </div>
                             </div>
                         </li>
                         <li class="spec-hide">
                             <div class="item-content">
                                 <div class="item-media"><i class="icon icon-form-calendar"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title label">公益时长：</div>
                                     <div class="item-input">
                                         <input type="number" name="serviceTime" placeholder="请输入公益时间">
                                     </div>
                                 </div>
                             </div>
                         </li>

                         <li>
                             <div class="item-content">
                                 <div class="item-media"><i class="icon icon-form-password"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title label">参与对象：</div>
                                     <div class="item-input">
                                         <select name="participant" id="">
                                             <option value="所有志愿者">所有志愿者</option>
                                             <option value="仅限内部志愿者">仅限内部志愿者</option>
                                             <option value="仅限外部志愿者">仅限外部志愿者</option>
                                         </select>
                                     </div>
                                 </div>
                             </div>
                         </li>
                         <li>
                             <div class="item-content">
                                 <div class="item-media"><i class="icon icon-form-password"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title label">报名条件：</div>
                                     <div class="item-input">
                                         <input type="text" name="conditions" placeholder="不限"  value="不限" >
                                     </div>
                                 </div>
                             </div>
                         </li>
                         <li class="spec-hide">
                             <div class="item-content">
                                 <div class="item-media"><i class="icon icon-form-password"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title label">参与人数：</div>
                                     <div class="item-input">
                                         <input type="text" name="accountNum" placeholder="请输入参与人数"  class="">
                                     </div>
                                 </div>
                             </div>
                         </li>
                         <li>
                             <div class="item-content">
                                 <div class="item-media"><i class="icon icon-form-password"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title label">联系人：</div>
                                     <div class="item-input">
                                         <input type="text" name="principal" placeholder="请输入联系人姓名"  class="">
                                     </div>
                                 </div>
                             </div>
                         </li>
                         <li>
                             <div class="item-content">
                                 <div class="item-media"><i class="icon icon-form-password"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title label">联系电话：</div>
                                     <div class="item-input">
                                         <input type="number" name="principalPhone" placeholder="请输入联系电话"  class="">
                                     </div>
                                 </div>
                             </div>
                         </li>
                         <li id="targetMoney">
                             <div class="item-content">
                                 <div class="item-media"><i class="icon icon-form-password"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title label">目标金额：</div>
                                     <div class="item-input">
                                         <input type="number" name="goal" placeholder="请输入目标金额" >
                                     </div>
                                 </div>
                             </div>
                         </li>
                         <li>
                             <div class="item-content">
                                 <div class="item-media"><i class="icon icon-form-password"></i></div>
                                 <div class="item-inner">
                                     <div class="item-input">
                                         <input type="checkbox" name="" class="push-info">
                                         <label for="">推送至资讯栏</label>
                                     </div>

                                 </div>
                             </div>
                         </li>
                     </ul>
                 </div>
             </div>
        <!--内容部分 !-->
             <div class="footer-btn">
                 <a class="back">取消</a>
                 <a  data-url="${basepath}/front/account/toMyIssue" class="push-activity">发布</a>
             </div>
        </div>
        <!--工具栏!-->



    </div>

</div>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/offline/offlineAdd.js' charset='utf-8'></script>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>jQuery.noConflict();</script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/ydui.citys.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/ydui.js' charset='utf-8'></script>
<script>
    <#--地区控件-->
    !function () {
        var jQuerytarget = jQuery('#activityArea');

        jQuerytarget.citySelect();

        jQuerytarget.on('click', function (event) {
            event.stopPropagation();
            jQuerytarget.citySelect('open');
        });

        jQuerytarget.on('done.ydui.cityselect', function (ret) {
            jQuery(this).val(ret.provance + ' ' + ret.city + ' ' + ret.area);



        });
    }();

</script>
<script>
    $.init();
</script>
</body>
</html>